<link rel="stylesheet" href="/assets/css/common.css"/>
<link rel="stylesheet" href="/assets/css/order-list.css"/>
<link rel="stylesheet" href="/assets/css/menu.css"/>
<link rel="stylesheet" href="/assets/css/ico-topbar-white.css"/>
<link rel="stylesheet" href="/assets/css/pagination.css"/>
<link rel="stylesheet" href="/assets/css/bottom.css"/>


<@extends name="/project/ico-topbar-white.ftl"/>
<div class="all">
<@extends name="/project/menu.ftl"/>
    <div class="content">
            <div class="inve-title clearfix">
                <i></i>
                <h3>订单列表</h3>
            </div>
        <div class="project-content">
        </div>
        <div class="pagina clearfix">
        </div>
    </div>
</div>
<#--<@extends name="/project/bottom.ftl"/>-->

<script src="/assets/script/jquery-1.8.2.min.js"></script>
<script src="https://cdn.bootcss.com/seajs/3.0.2/sea.js"></script>
<script src="/assets/script/common.js"></script>
<script src="/assets/script/jqPaginator.js"></script>
<script src="https://cdn.bootcss.com/handlebars.js/4.0.11/handlebars.js"></script>
<script>
    Handlebars.registerHelper('if_eq', function(v1, v2, opts) {
        if(v1 == v2)
            return opts.fn(this);
        else
            return opts.inverse(this);
    });
</script>
<script type="text/template" id="myTemplate">
    {{#each data.collection}}
    <div class="project-detail">
        <div class="detail-left">
            <div class="detail">
                {{#if_eq type 1}}
                <img src="/assets/img/bx-detail/ys.png" alt="">
                {{/if_eq}}
                <span class="user-mobile">{{projectName}}</span>
            </div>
            <#--<div class="time">结束时间:{{closeTimeFormat}}</div>-->
        </div>
        <div class="detail-middle">
            {{#if_eq orderStatusName '未支付'}}
            <span class="order-status no-pay">{{orderStatusName}}</span>
            {{/if_eq}}
            {{#if_eq orderStatusName '已支付'}}
            <span class="order-status">{{orderStatusName}}</span>
            {{/if_eq}}
            <span>订单状态</span>
        </div>
        <div class="detail-right">
            <a href="javascript:void(0)" class="order-detail">订单详情</a>
        </div>
    </div>
    <div class="order-details">
        <div class="row">
            <div class="item">订单编号：<span class="orderNo">{{orderNo}}</span></div>
            <div class="item">购买数量：<span class="number">{{tokenNumber}}</span></div>
            <div class="item">订单状态：<span class="state">{{orderStatusName}}</span></div>
        </div>
        <div class="row">
            <div class="item">购买币种：<span class="bz">{{tokenName}}</span></div>
            <div class="item">实付金额：<span class="amount">{{coinNumber}}</span><em class="mine-bz">{{coinName}}</em></div>
            <div class="item">
                {{#if_eq orderStatus 0}}
                <input type="button" value="去支付" class="pay-btn" data-id="{{id}}">
                {{/if_eq}}
            </div>
        </div>
        {{#if_eq orderStatusName '未支付'}}
        <div class="row">
            <div class="google-yz">
                <select class="google" id="google">
                    <option value ="1">谷歌身份验证:</option>
                    <option value ="2">手机验证:</option>
                </select>
                <input type="text" placeholder="6位数字密码" class="google-password">
                <input type="button" class="send-code" value="发送验证码">
            </div>
        </div>
        {{/if_eq}}
        <p class="err-info"></p>
    </div>

    {{/each}}
</script>
<script src="/assets/script/order-list.js"></script>